
body { font-family:'微软雅黑','Microsoft Yahei','Arail'; font-size: 12px; color: #666; background-color: #f3f3f3; }
i {font-style: normal;}

.bye { width: 100%; height: 100%; position: fixed; background-color: #333; z-index: 9999; left: 0; top: 0;  display: none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.bye span { width: 100%; text-align: center; height: 50px; line-height: 50px; margin-top: -25px; top: 50%; left: 0; position: absolute; font-size: 32px; color: #999; }


.zt{margin: 0 auto; background-color: #EEEEEE;width:1200px; height:1370px;}
.zj{width:1056px; height:1226px;background-color:#FFFFFF;margin:10px auto;}
.zj { width: 88%; padding: 6%; margin: 0; }
.yi{padding: 0 0 3%; height:152px;}
.a { width: 152px; height: 152px; position: absolute;}
.a b { width: 36px; height: 20px; line-height: 20px; background-color: #ccc; color: #fff; position: absolute; top: 50%; right: -18px; margin-top: -10px; text-align: center; font-weight: normal; }
.a .avatar_pic { width: 150px; height: 150px; display: block; background: url(avatar.png) no-repeat center center;  border: 1px #00ff00 solid; overflow: hidden; }
.a .avatar_pic{border-radius:50%; overflow:hidden;}
.a .avatar_pic em { width: 130px; height: 130px; line-height: 130px; text-align: center; position: absolute; left: 1px; top: 1px; background-color: rgba(255,255,255,0.95); color: #999; font-size: 22px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; border:20px #fff solid; }
.a:hover .avatar_pic em { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.a:active .avatar_pic em { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.b{ padding: 27px 0 0;width:866px;height:91px; position: relative;right:-200px; }
.b p { color: #aaa; line-height: 20px;margin:0; margin:0;}
.b p.desc { color: #ccc;margin-top:10px; }
.b h2 { font-size: 32px; color: #999; font-weight: normal; padding: 5px 0;margin:0; }
.b span{    position: absolute;right: 100px;top: 40px;}
.b span p { padding: 0 0 10px; }
.b span i { font-size: 16px; color: #999; margin-right: 5px; float: left; }
.z{margin-top:60px;}
.c{width:496px;height:335px;float:left;}
.x1{width:497px;float:left;}
.er p{color: #aaa; line-height: 20px;margin-top:27px;}
ul{padding:0;width:496px;height:335px;}
.e{width:496px;height:47px;}
.e p{margin:0;}
.d{padding:20px;}
.c ul li{list-style: none;}
.c ul li h3 i { float: left; margin-right: 10px;  }
[data-icon]:before {font-family: 'ElegantIcons';content: attr(data-icon);}
.f{text-decoration: none;float:right;}
.g{width:496px;height:335px;float:right;}
.dot{width:2px;height:95px;position:absolute;left:50%;background-color:#666;margin-top:10px;}
.g ul li{list-style: none;margin}
.con p{margin:0;}
.z1{margin-top:40px;}
.v{height:381px;}

.g dl dd b { background-color: #666; }
.g dt{width:190px;height:25px;top:20px;}
.g dd{width:296px;height:17px;}
.g dl dd { float: right; line-height: 25px; }
.g dl dt em { color: #ccc; margin-left: 3px; }
.g dl dd em { background-color: #ddd; }
.g dl dd b,.g dl dd em { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; float:left; width: 10px; height: 10px; margin: 7px 5px 0 0; }
.tip_avatar{height:800px;background-color:red;height:100%;width:100%;margin:0;float:left;display:none;}
.tip_right{text-align: center;}
.tip_avatar_con{background: url("cartoon.png");    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;}
.tip_close{display:inline-block; width:25px; height:6px; background:#000080; font-size:0; line-height:0;vertical-align:middle;-webkit-transform: rotate(45deg);float:right;margin-top:20px;}
.tip_close:after{content:'.'; display:block; width:25px; height:6px; background:#000080;-webkit-transform: rotate(-90deg);float :right;}
